<!DOCTYPE html>
<html>
<head>
    <title>用户标签关联API测试</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <h1>用户标签关联API测试</h1>
    
    <div>
        <h2>测试结果</h2>
        <div id="results"></div>
    </div>

    <script>
        const baseURL = 'http://localhost:8080';
        
        function log(message) {
            const results = document.getElementById('results');
            results.innerHTML += '<p>' + message + '</p>';
        }

        async function testAPI() {
            try {
                // 测试基本连接
                log('测试基本连接...');
                const pingResponse = await axios.get(baseURL + '/test/usertag/ping');
                log('Ping结果: ' + JSON.stringify(pingResponse.data));

                // 测试服务注入
                log('测试服务注入...');
                const servicesResponse = await axios.get(baseURL + '/test/usertag/services');
                log('服务注入结果: ' + JSON.stringify(servicesResponse.data));

                // 测试用户列表
                log('测试用户列表...');
                const usersResponse = await axios.get(baseURL + '/test/usertag/test-users');
                log('用户列表结果: ' + JSON.stringify(usersResponse.data));

                // 测试标签列表
                log('测试标签列表...');
                const tagsResponse = await axios.get(baseURL + '/test/usertag/test-tags');
                log('标签列表结果: ' + JSON.stringify(tagsResponse.data));

                // 测试关联列表
                log('测试关联列表...');
                const relationsResponse = await axios.get(baseURL + '/test/usertag/test-relations');
                log('关联列表结果: ' + JSON.stringify(relationsResponse.data));

                // 测试原始API
                log('测试原始用户标签关联API...');
                const originalResponse = await axios.get(baseURL + '/homepage/usertag/list');
                log('原始API结果: ' + JSON.stringify(originalResponse.data));

            } catch (error) {
                log('错误: ' + error.message);
                if (error.response) {
                    log('响应状态: ' + error.response.status);
                    log('响应数据: ' + JSON.stringify(error.response.data));
                }
            }
        }

        // 页面加载后自动测试
        window.onload = function() {
            testAPI();
        };
    </script>
</body>
</html>
